<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
 <style type="text/css">

        body

        {

            font-family:Arial, Sans-Serif;

            font-size:0.85em;

        }

        img 

        {

            border:none;

        }

        ul, ul li

        {

            list-style-type: none;

            margin: 0;

            padding: 0;

        }

        ul li.first

        {

            border-top: 1px solid #DFDFDF;

        }

        ul li.last

        {

            border: none;

        }

        ul p

        {

            float: left;

            margin: 0;

            width: 310px;

        }

        ul h3

        {

            float: left;

            font-size: 14px;

            font-weight: bold;

            margin: 5px 0 0 0;

            width: 200px;

            margin-left:20px;

        }

        ul li

        {

            border-bottom: 1px solid #DFDFDF;

            padding: 15px 0;

            width:600px;

            overflow:hidden;

        }

        ul input[type="text"], ul input[type="password"]

        {

            width:300px;

            padding:5px;

            position:relative;

            border:solid 1px #666;

            -moz-border-radius:5px;

            -webkit-border-radius:5px;

        }

        ul input.required 

        {

            border: solid 1px #f00;

        }
	  textarea{
	  	width: 320px;
	  	height: 70px;
    	border:0;
  	background-color:transparent;
  	/*scrollbar-arrow-color:yellow;
  	scrollbar-base-color:lightsalmon;
  	overflow: hidden;*/
  	color: #666464;
  	height: auto;
  }

    </style>

    <script src="js/jquery.min.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function() {

            $("#signup").click(function() {



                resetFields();

                var emptyfields = $("input[value=]");

                if (emptyfields.size() > 0) {

                    emptyfields.each(function() {

                        $(this).stop()

                            .animate({ left: "-10px" }, 100).animate({ left: "10px" }, 100)

                            .animate({ left: "-10px" }, 100).animate({ left: "10px" }, 100)

                            .animate({ left: "0px" }, 100)

                            .addClass("required");

                    });

                }

            });

        });

        function resetFields() {

            $("input[type=text], input[type=password]").removeClass("required");

        }

    </script>
<body>
    <a href="new.jsp"><button id="btn">返回</button></a>
		<center>

<br /><br />

 <!--<h2><img src="images/header.png" alt="Account information" /></h2>
-->
<form action="addMatter" method="post">
		<input type="hidden" name="id">
	<ul>

        <li class="first">

            <h3>内容：</h3>

            <p>

			<textarea name="content"></textarea>

               <!-- <input type="text"  id="name" name="name" />--></p>

        </li>

        <li>

            <h3>类型</h3>

            <p>

                <input type="text"  name="type"  /></p>

        </li>

        <li>



            <h3>预算</h3>

            <p>

                <input type="text" name="budget" /></p>

        </li>

        <li>

            <h3>时间</h3>

            <p>

                <input type="text" name="time"  /></p>



        </li>

        <!--<li>

            <h3>User name</h3>

            <p>

                <input type="text" id="userName" name="user_name"  /></p>

        </li>-->

        <li class="last">
		<input type="submit" value="提交" id="btns">
          <input type="reset" value="重置">
        </li>

    </ul>
</form>
</center>

</body>
<script type="text/javascript">
var btn = document.getElementById('btns');
	
btn.onclick = function(){
var timer = setTimeout(function(){
alert("2");

},5000)
}
</script>

<script type="text/javascript">
	var gengduo = document.getElementById("gengduo");
	var huan =document.getElementById("huan");
	var yinchang =document.getElementById("yinchang");
	var btn =document.getElementById("btn");
	gengduo.onclick=function(){
		huan.style.display="block";
		yinchang.style.display="none";
	}
	btn.onclick=function(){
		huan.style.display="none";
		yinchang.style.display="block";
	}
</script>





</html>